
	.home01 {
		// background:url("../keji.jpg") 0 0 no-repeat;
		background-size: 100%;
		box-sizing: border-box;
		height: 100%;
		display: flex;
		align-items: center;
		// padding:0rem 2%;
	}

	.homeHear {
		    display: flex;
		    justify-content: space-between;
		    padding: 0rem 2%;
		    z-index: 10;
		    position: fixed;
		    width: 100%;
		    top: 2%;
	}

	.hearLeft {
		display: flex;
		justify-content: flex-start;
	}

	.leftbox01 {
		display: flex;

		.box01Time01 {
			// color:#000;
			font-size: 1.6rem;
			font-family: Noto Sans SC, Noto Sans SC-Bold;
			color: #222222;
			margin-right: 1rem;
		}

		.box01Time02 {
			display: flex;
			flex-direction: column;
			justify-content: center;

			p {
				font-size:0.58rem;
				    font-family: Noto Sans SC, Noto Sans SC-Bold;
				    font-weight: 700;
				    color: #222222;
					margin: 0;
			}
		}
	}

	.leftbox02 {
		display: flex;
		margin-left: 1.1rem;

		.box02Time01 {
			display: flex;
			flex-direction: column;
			justify-content: center;

			p {
				font-size: 0.72rem;
				height: 0.72rem;
				line-height: 0.72rem;
				padding: 0.1rem 0rem;
				font-family: Noto Sans SC, Noto Sans SC-Medium;
				font-weight: 500;
				text-align: center;
				color: #222222;
				margin-bottom: 0.06rem;
			}

			p:nth-child(2) {
				height: 0.36rem;
				line-height: 0.36rem;
				font-size: 0.36rem;
				font-weight: 700;
			}
		}

		.box02Time02 {
			display: flex;
			align-items: center;
		}

		.Time02Sun {
			width: 0.95rem;
			height: 0.95rem;
			padding: 0rem 0.15rem;
		}

		.Time02Temperatures {
			color: #000;

			p {
				font-size: 0.56rem;
				font-family: Roboto, Roboto-Medium;
				font-weight: 500;
				text-align: LEFT;
				color: #222222;
			}
		}
	}

	.hearRight {
		font-family: Roboto, Roboto-Medium;
		color: #222222;
		display: flex;
		width: 50%;
		justify-content: flex-end;
		align-items: center;
	}

	.Rightbox01 {
		display: flex;
		margin-left: 1rem;

		.box01Items {
			margin-left: 0.2rem;

			p {
				font-size: 0.72rem;
				font-weight: 500;
			}

			p:nth-child(2) {
				color: #888885;
				font-size: 0.36rem;
			}
		}

		.box02Items {
			margin-left: 0.2rem;

			p:nth-child(1) {
				font-size: 0.72rem;
			}

			p:nth-child(2) {
				font-size: 0.36rem;
			}
		}
	}

	.Rightbox02 {
		p {
			font-size: 0.72rem;
			font-weight: 500;
		}
	}

	.homeEnd {
		position: fixed;
		bottom: 2%;
		width: 100%;
		text-align: center;
		z-index: 999;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		    // background: red;
       .endImg{
		   width: 5rem;
	   }
	   .endProgress{
		   height: .1rem;
		   background-color: #f1f3f4;
		   position: relative;
		   margin-top: .2rem;
		   box-sizing: border-box;
	   }
	   .endProgress-red{
		   background-color: #ff4e4e;
		   position: absolute;
		   top: 0;
		   left: 0;
		   margin-top:0;
		   
	   }
		
	}

	.homeBody {
		        z-index: 2;
		        height: 85%;
		        width: 100%;
		        display: flex;
		        box-sizing: border-box;
		        padding-top: 3%;
		.winBody {
			       display: flex;
			           height: 83%;
		}

		.BodyUl {
			       padding-left: 1rem;
			       box-sizing: border-box;
			       list-style: none;
			       margin: 0;
				   height: 100%;
		}

		// .BodyUl:nth-child(1) {
		//     padding-left:0%;
		//
	}

	.BodyLl {
	   opacity: 1;
	       height: 27%;
	       background: rgba(255, 255, 255, 0.99);
	       border-radius: 0.25rem;
	       display: flex;
	       justify-content: center;
	       align-items: center;
	    margin-top: 16%;
	}

	.BodyLl:nth-child(1) {
		margin-top: 0;
	}
	

	.homeBoxsBigger {
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
	}